<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<!-- import Vue.js -->
	<script src="../../vue.js"></script>
	<!-- import stylesheet -->
	<link rel="stylesheet" href="../../iview.css">
	<!-- import iView -->
	<script src="../../iview.min.js"></script>
</head>

<body>
	<div id="app">
		<i-table :columns="columns1" :data="tableData"></i-table>
	</div>
</body>
<script>
	var vm = new Vue({
		el: "#app",
		data() {
			return {
				msg: '测试',
				columns1: [
					{
						title: '姓名',
						key: 'name'
					},
					{
						title: '年龄',
						key: 'age'
					},
					{
						title: '地址',
						key: 'address'
					},{
						title: "操作",
						key: 'actions',
						render() {
							return `<Button  size="small">编辑</Button><Button type="error" size="small">删除<Button>`
						},
					}
				],
				tableData: [
					{
						name: '王小明',
						age: 18,
						address: '北京市朝阳区芍药居'
					},
					{
						name: '张小刚',
						age: 25,
						address: '北京市海淀区西二旗'
					},
					{
						name: '李小红',
						age: 30,
						address: '上海市浦东新区世纪大道'
					},
					{
						name: '周小伟',
						age: 26,
						address: '深圳市南山区深南大道'
					}
				]
			}
		},
	})
</script>

</html>